<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/list.css"/>
    <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/locale/bootstrap-table-zh-CN.min.js"></script>
</head>
<body>
<table class="tab tab-hover" id="expressTable"></table>
<script>
    $(function () {
        //使用bootstrap加载列表
        $("#expressTable").bootstrapTable({
            url: "list.do",//数据地址
            striped: true,//是否显示行间隔
            pageNumber: 1,//初始化加载第几页
            pagination: true,//是否分页
            sidePagination: "server",
            pageSize: 5,
            pageList: [5, 10, 20],
            showRefresh: true,
            queryParams: function (params) {
                var temp = {
                    pageIndex: params.offset,
                    pageSize: params.limit
                }
                return temp;
            },
            columns: [
                {
                    title: "编号",
                    field: "id",
                    align: 'center',
                    valign: 'middle'
                },
                {
                    title: "快递编号",
                    field: "number",
                    align: 'center',
                    valign: 'middle'
                },
                {
                    title: "收件人姓名",
                    field: "username",
                    align: 'center',
                    valign: 'middle'
                },
                {
                    title: "收件人手机号",
                    field: "userPhone",
                    align: 'center',
                    valign: 'middle'
                }, {
                    title: "快递公司",
                    field: "company",
                    align: 'center',
                    valign: 'middle'
                }, {
                    title: "取件码",
                    field: "code",
                    align: 'center',
                    valign: 'middle'
                }, {
                    title: "入库时间",
                    field: "inTimeStr",
                    align: 'center',
                    valign: 'middle'

                }, {
                    title: "出库时间",
                    field: "outTimeStr",
                    align: 'center',
                    valign: 'middle'
                }, {
                    title: "取件状态",
                    field: "status",
                    formatter: function (value, row, index) {
                        if (value == 0) {
                            return "未取件（未签收）";
                        } else {
                            return "已取件（已签收）";
                        }
                    },
                    align: 'center',
                    valign: 'middle'
                }, {
                    title: "录入人手机号",
                    field: "sysPhone",
                    align: 'center',
                    valign: 'middle'
                }
            ]
        });
    })
</script>
</body>
</html>
